@charset "utf-8";
@import "pure/base.css";
@import "pure/grids.css";
@import "pure/grids-responsive.css";
/* @import "pure/tables-min.css"; */
@import "../lib/owlcarousel/owl.carousel.css";
@import "../lib/videojs/video-js.min.css";
@import "animate.min.css";
@import "_fonts.css?px24kq6";
@import "_index.css?px24kq6";

/*custom reset==============================*/
*{margin:0;padding:0;border:0;outline:0;font-style:normal;vertical-align:baseline;-webkit-tap-highlight-color:rgba(255,255,255,0)}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;padding:0}
*,:after,:before{box-sizing:border-box}
::-moz-focus-inner{border:0;padding:0}
ol,ul,li{list-style:none}
img{display:inline-block;max-width:100%;}

/*response box==============================*/
/*64em=1024px 48em=768px 35.5em=568px*/
html{font-size:62.5%}
@media screen and (max-width:48em){html{font-size:56.3% !important}}
/* @media screen and (max-width:35.5em){html{font-size:50% !important}} */

/*body/font/size==============================*/
body,button,input,select,textarea,.pure-g [class*="pure-u"]{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}
body{background:#f1f1f1;padding-top:9rem;font-size:1.4rem;color:#555;overflow-x:hidden} /*padding-top同pc端head高度*/
body.light{padding:0}
@media(max-width:75em){
    body{padding-top:7rem} /*padding-top同移动端head高度*/
}
.container{position:relative;margin:0 auto;max-width:1200px;padding:0 1.5rem}
.container-full{position:relative;margin:0 auto;padding:0 5rem;max-width:100%}
.container-min{position:relative;margin:0 auto;max-width:860px;padding:0 1.5rem}
@media(max-width:64em){
    .container{max-width:100%}
    .container-full{padding:0 1.5rem}
}

/*scrollbar*/
::-webkit-scrollbar{width:6px;-webkit-appearance:none;-webkit-border-radius:0}
::-webkit-scrollbar-track{background:#fff;-webkit-border-radius:0}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:vertical{background:#006e3f;border:none;-webkit-border-radius:0}
::-webkit-scrollbar-thumb:vertical:active{background:#006e3f;border:none;-webkit-border-radius:0}

/*a link*/
a:link,a:visited{transition:.5s;-webkit-transition:.5s}
a:link,a:visited{color:#555;text-decoration:none}
a:hover,a:active{color:#006e3f}
a:focus,*:focus{outline:none}

/*font color*/
.gray,.gray a,a.gray{color:#bababa}
.gray a:link,.gray a:visited,a.gray:link,a.gray:visited{color:#bababa}
.gray a:hover,a.gray:hover{color:#bababa}

.blue,.blue a,a.blue{color:#002a80}
.blue a:link,.blue a:visited,a.blue:link,a.blue:visited{color:#002a80}
.blue a:hover,a.blue:hover{color:#555}

.green,.green a,a.green{color:#006e3f}
.green a:link,.green a:visited,a.green:link,a.green:visited{color:#006e3f}
.green a:hover,a.green:hover{color:#555}

.red,.red a,a.red{color:#cb0000}
.red a:link,.red a:visited,a.red:link,a.red:visited{color:#cb0000}
.red a:hover,a.red:hover{color:#555}

.white,.white a,a.white{color:#fff}
.white a:link,.white a:visited,a.white:link,a.white:visited{color:#fff}
.white a:hover,a.white:hover{color:#fff}

/*form/input*/
input[type=text],input[type=password],input[type=submit],textarea,select,button,.btn{width:100%;padding:1.2rem 1rem;color:rgba(0,0,0,0.5);background:rgba(0,0,0,0.01);border:1px solid rgba(0,0,0,0.06);border-radius:4px;line-height:normal;vertical-align:middle;transition:background .3s}
input[type=text],input[type=password],input[type=submit],textarea,select,button{display:block;white-space:nowrap;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;outline:none}
input[type=text],input[type=password],textarea{-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset;box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset}
textarea{min-height:8rem;line-height:1.5;white-space:normal;word-break:break-all;resize:none}
textarea:focus,input[type=text]:focus{background:rgba(0,0,0,0.05)}

.btn,input.btn{padding:1.2rem 3rem;background:rgba(0,0,0,0.04);display:inline-block;text-align:center;width:initial;text-transform:uppercase;cursor:pointer}
.btn:link,.btn:visited{color:#555}
.btn:hover,input.btn:hover{opacity:0.6}
.btn.sty1{background:#006e3f;color:#fff}
.btn.sty2{background:#d96100;color:#fff}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(0,0,0,0.2)}
input:-moz-placeholder,textarea:-moz-placeholder{color:rgba(0,0,0,0.2)}
input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(0,0,0,0.2)}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(0,0,0,0.2)}

/*header==============================*/
#header{position:fixed;left:0;top:0;z-index:99;width:100%}
#header .header{position:relative;background:#fff;height:9rem;overflow:hidden;zoom:1;-webkit-box-shadow:0px 7.5px 18px 1.2px rgba(0,0,0,0.12);box-shadow:0px 7.5px 18px 1.2px rgba(0,0,0,0.12)}

#header .logo{position:relative;display:inline-block;padding:2.5rem;margin-left:2rem;width:auto;height:100%;background-image:url(../images/logo.png?2024);background-repeat:no-repeat;background-size:contain;background-position:left center}
#header .logo img{display:block;height:100%}
#header .fr{float:right;display:inline-block;height:100%}
#header .qbtn{float:left;height:100%;white-space:nowrap;}
#header .qbtn a{position:relative;float:left;display:flex;align-items:center;justify-content:center;flex-flow:column;padding:0 2rem;height:100%;color:#fff;font-size:1.2rem;transition:.3s;-webkit-transition:.3s}
#header .qbtn a:hover{opacity:0.8}
#header .qbtn a::before{display:block;font-family:'iconfont';font-size:1.8rem;margin-bottom:0.8rem}
#header .qbtn a:nth-child(1){background:#d96100}
#header .qbtn a:nth-child(1)::before{content:'\e63f'}
#header .qbtn a:nth-child(2){background:#006e3f}
#header .qbtn a:nth-child(2)::before{content:'\e681'}

/*menu*/
#header .menu{float:left;font-size:1.5rem;font-weight:bold;height:100%}
#header .menu a{position:relative;float:left;padding:2rem 0;margin-right:2.5rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#header .menu a::after{position:absolute;left:50%;bottom:1.3rem;margin:0 auto;width:0;height:2px;content:"";display:inline-block;background:#006e3f;opacity:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all 500ms ease;-webkit-transition:all 500ms ease}
#header .menu a>span{display:block}
#header .menu a.active{color:#006e3f}
#header .menu a.active:after{width:100%;opacity:1}
#header .menu a>span.wurl::after{display:inline-block;margin-left:4px;font-family:'iconfont';font-size:1.5rem;content:'\e682'}
@media(max-width:70em){
    #header{background:#fff}
    #header .header{-webkit-box-shadow:none;box-shadow:none}
    #header .logo{padding:1.5rem;margin-left:0}
    #header .header{height:7rem}
    #header .fr{display:none}
}

/* headdrop */
#header .headdrop{position:relative;background:url(../images/bg_headdrop.jpg) no-repeat center top;background-size:cover;display:none;z-index:99}
#header .headdrop ul{display:-webkit-flex;display:flex;justify-content:center;overflow:hidden;zoom:1}
#header .headdrop ul li>a{display:none}
#header .headdrop ul li.active .submenu{background:#fff}
#header .headdrop ul li.active .submenu a{color:#555}
#header .headdrop ul li.active .submenu a:hover{color:#006e3f}
#header .headdrop .submenu{width:100%;height:100%;padding:2rem 0;border-right:1px solid rgba(255,255,255,.15)}
#header .headdrop .submenu a{position:relative;display:block;padding:1.2rem 3rem;white-space:nowrap;color:#fff}
#header .headdrop .submenu a::before{display:inline-block;margin-right:4px;font-size:1.2rem;content:"+";font-weight:bold}
#header .headdrop .submenu a:hover,#header .headdrop .submenu a.active{color:#e68d00}
#header .headdrop ul li:first-child .submenu{border-left:1px solid rgba(255,255,255,.15)}

/*menuWap*/
.menuWap{position:relative;display:none;float:right;align-items:center;height:100%}
.menuWap .language{display:flex;align-items:center;font-weight:bold;font-size:1.8rem;height:100%;}
.menuBar{position:relative;width:4rem;height:100%;cursor:pointer}
.menuBar .bar{position:absolute;top:calc(50% - 1px);right:0;width:60%;height:2px;background:#006e3f;display:block;border-radius:10px;transition:.5s;-webkit-transition:.5s}
.menuBar .bar:first-child{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.menuBar .bar:last-child{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}
.menuBar.active .bar{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.menuBar.active .bar:first-child{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
@media(max-width:70em){/* 1200px */
    .menuWap{display:flex;}
}

/*sidebar*/
#sidebar{position:fixed;z-index:97;opacity:0;top:0;padding-top:7rem;right:-60vw;width:60vw;height:100vh;background:#fff;transition:.3s;-webkit-transition:.3s}
#sidebar ul{padding:0 1.5rem;height:calc(100vh - 13rem);overflow-y:auto}
#sidebar li{position:relative;padding:2rem 0;border-top:1px solid rgba(0,0,0,.05)}
#sidebar li>a{display:block;font-size:1.6rem;font-weight:bold;color:#006e3f}
#sidebar .submenu{text-transform:capitalize;padding-top:1.5rem;font-size:1.6rem}
#sidebar .submenu a{display:block;padding:1.2rem 0}
#sidebar .footbar{display:flex;align-items:center;justify-content:center;height:6rem;background:#006e3f}
#sidebar .footbar a{display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:#fff !important;border-left:1px solid rgba(255,255,255,0.1)}
#sidebar .footbar a:first-child{border:0}
#sidebar .footbar span{display:inline-block;font-size:2rem}

/*fixbar*/
#fixbar{position:fixed;right:2.5rem;bottom:2.5rem;text-align:center;text-align:center;z-index:90}
#fixbar a{position:relative;display:block;margin-top:0.5rem;background:#006e3f;color:#fff;width:5rem;height:5rem;line-height:5rem;font-size:1.8rem;border-radius:4px;transition:.3s;-webkit-transition:.3s}
#fixbar a:hover{background:#006e3f}
#fixbar a.gotop{display:none}
#fixbar a.gotop span{animation-name:breath;-webkit-animation-name:breath;animation-duration:3s;-webkit-animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
#fixbar a.gotop.show{display:block}
@media(max-width:48em){
    #fixbar{display:none}
}

/*Action*/
body.active{height:100vh;overflow:hidden}
body.active #sidebar{right:0;opacity:1;transition-delay:0.6s}

#mask{position:fixed;z-index:8;opacity:0;left:0;top:0;visibility:hidden;display:table;width:100vw;height:100vh;transition:.8s;background:rgba(0,0,0,1)}
#mask.show{visibility:visible;opacity:0.75;transition-delay:0.3s}
#mask.hidden{transition-delay:0.1s}

/*footer==============================*/
#footer{margin-top:5rem}
#footer .footer{background:#006e3f;color:#fff;padding:0 3rem}
#footer a:link,#footer a:visited{color:#fff}
#footer a:hover{color:#d96100}

#footer .footmenu h3{display:inline-block;padding:3rem 0 1rem;font-size:1.6rem}
#footer .footmenu h3::after{content:'';height:1px;background:#fff;display:block;margin-top:5px}
#footer .footmenu .submenu a{display:block;padding:0.6rem 0;line-height:1.2}

#footer .footmenu .txr{text-align:right}
#footer .footmenu .txr p{line-height:1.8}
#footer .footmenu .vmore{display:inline-block;margin-top:1rem;border-radius:4px;padding:1rem 1rem 1rem 1.5rem;background:#d96100;border:1px solid #d96100;}
#footer .footmenu .vmore:hover{background:transparent;border:1px solid #fff;color:#fff}
@media(max-width:64em){
    #footer{background:#006e3f}
    #footer .footer{padding:0}
    #footer .footmenu .txr{text-align:inherit}
}

@media(max-width:48em){
    #footer .footmenu li:first-child h3:first-child{border:0}
    #footer .footmenu .submenu{display:none;padding-bottom:2rem}
    #footer .footmenu .submenu a{display:block;padding:1rem 0}
    #footer .footmenu .submenu.active{display:block}
    #footer .footmenu .txr h3:after{background:transparent;margin:0}
    #footer .footmenu .fold h3,#footer .footmenu .txr h3{display:block;padding:2rem 0;border-top:1px solid rgba(255,255,255,0.1);pointer-events:inherit}
    #footer .footmenu .fold h3:after{float:right;content:"+";display:inline-block;background:transparent;margin:0}
    #footer .footmenu .fold h3:before{float:right;content:"-";display:none}
    #footer .footmenu .fold h3.active:after{display:none}
    #footer .footmenu .fold h3.active:before{display:block}
}

.flink{margin-top:3rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,0.1);line-height:1.8}
.flink::before{content:'友情链接：'}
.flink a{display:inline-block;margin-right:1.5rem}

#copyright{font-size:1.2rem;padding:2rem 0;color:rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.1);line-height:1.8}
#copyright em{display:inline-block;margin:0 3px}
#copyright a{color:inherit !important}

/*内页 左右结构==============================*/
.LRpanl{min-height:30rem;overflow:hidden;zoom:1}
.Lpanl{float:left;width:22%}
.Rpanl{float:right;width:73%}

.Lpanl .subtree{background:#006e3f}
.Lpanl .subtree h5{display:block;padding:0 2rem;font-size:1.8rem;font-family:'SYHT-Bold';height:6rem;line-height:6rem;background:#f1f1f1;color:#006e3f}
.Lpanl .subtree a{position:relative;display:block;color:#fff;padding:1.5rem 0 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}
.Lpanl .subtree a::after{color:rgba(255,255,255,.1);font-family:'iconfont';content:'\e6002';position:absolute;top:50%;right:1rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .3s}
.Lpanl .subtree a::before{content:'+';display:inline-block;margin-right:3px;transition:all .3s}
.Lpanl .subtree a:hover,.Lpanl .subtree a.active{color:#e68d00;padding-left:3rem}
@media(max-width:64em){
    .Lpanl{display:none}
    .Rpanl{width:100%;padding-top:2rem}
}

/* .Lpanl .subtree{border-top:1px solid #006e3f}
.Lpanl .subtree a{position:relative;display:block;padding:1.5rem 50px 1.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}
.Lpanl .subtree a::after{font-family:'iconfont';content:'\e6002';position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);color:rgba(0,0,0,.1);transition:all .3s}
.Lpanl .subtree a::before{content:'+';display:inline-block;margin-right:3px;transition:all .3s}
.Lpanl .subtree a:hover,.Lpanl .subtree a.active{color:#006e3f;padding-left:1rem}
.Lpanl .subtree a:hover::after{color:#006e3f} */

/*内页 profile==============================*/
.page-profile .banner{min-height:50vh}
@media(max-width:64em){
    .page-profile .banner{min-height:40vh}
}

/*内页 service==============================*/
.page-service-cover .section{position:relative;padding-top:3rem;background:url('../images/bg_full_mask_earthmap.jpg') no-repeat center;background-size:100%}
.page-service-cover .meta{margin:0 -0.5rem;padding:2rem 0}
.page-service-cover .meta [class*="pure-u"]{padding:0.5rem}
.page-service-cover .meta .inner{background:#fff;font-weight:bold;border-radius:4px;padding:1rem 1rem 1rem 10rem;cursor:pointer;transition:.5s;-webkit-transition:.5s;overflow:hidden;zoom:1}
.page-service-cover .meta .inner:hover{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1)}
.page-service-cover .meta .inner img{float:left;margin-left:-9rem;max-width:8rem;border-radius:4px}
.page-service-cover .meta .inner h3{display:block;color:#006e3f;padding:8px 0}
.page-service-cover .meta .inner span{display:block;font-family:'AvertaCY';text-transform:uppercase;color:#bababa;font-size:1.2rem}
@media(max-width:64em){
    .page-service-cover .meta .inner{padding:1rem}
    .page-service-cover .meta .inner img{float:none;margin:0;max-width:100%}
}

/*内页 news==============================*/
.page-info .banner{min-height:40vh}
.page-info .more{display:block;padding:2rem 0;background:rgba(255,255,255,0.7);text-align:center;border-radius:4px}
.page-info .more span::before{display:inline-block;margin-right:0.8rem;font-family:'iconfont';content:"\e601"}
.page-info .more:hover{background:#fff}

/*内页 party==============================*/
.page-party .banner{min-height:40vh}

/*内页 personnel==============================*/
.page-personnel-cover .banner{min-height:40vh}
.page-personnel-cover .tbar{padding-top:3rem}
.page-personnel-cover .pure-g{margin:0 -5px;padding-top:3rem}
.page-personnel-cover .pure-g [class*="pure-u"]{padding:5px}

.page-personnel-cover .poster{border-radius:1rem}
.page-personnel-cover .poster .inner::after{display:inline-block;margin-top:1.5rem;border:1px solid #fff;color:#fff;font-weight:bold;padding:1rem 3rem;border-radius:3rem;font-family:'AvertaCY';content:'View More';text-transform:uppercase;transition:.3s;-webkit-transition:.3s}
.page-personnel-cover .poster:hover .inner::after{background:#006e3f;border:1px solid #006e3f}
@media(max-width:48em){
    .page-personnel-cover .poster .inner::after{display:none}
}
.page-personnel .banner{min-height:40vh}

/*组件==============================*/
/*tbar*/
.tbar.fgArea{padding:4rem 0}
.tbar h4{font-size:3rem;font-family:'SYHT-Bold'}
.tbar h5{display:block;font-weight:bold;font-family:'AvertaCY';text-transform:capitalize;margin-top:0.5rem}
.tbar summary{display:block;padding-top:0.8rem;line-height:1.8;text-align:justify}
.tbar.center{text-align:center}
.tbar.center summary{text-align:center;width:60%;margin:0 auto}
.tbar.center summary em{font-weight:bold;color:#006e3f}
@media(max-width:48em){
    .tbar.center summary{width:100%}
}

/*vmore*/
.vmore{position:relative;display:inline-block;vertical-align:middle;line-height:1;text-transform:uppercase;overflow:hidden}
.vmore::after{position:relative;right:-4px;display:inline-block;font-family:"iconfont" !important;content:"\e6002";transition:.5s;-webkit-transition:.5s}
.vmore:hover::after{right:0}

/*anbtn*/
.anbtn{position:relative;display:block;text-align:center;padding:2rem;background:rgba(255,255,255,0.7);border-radius:4px;overflow:hidden}
.anbtn span{position:relative;z-index:2;transition:.5s;-webkit-transition:.5s}
.anbtn:hover span{color:#fff}
.anbtn span::before{position:relative;z-index:2;margin-right:0.8rem;font-family:"iconfont" !important}
.anbtn::after{background:#d96100;display:block;position:absolute;z-index:1;left:0;top:0;bottom:0;width:100%;height:100%;content:"";transition:all .4s cubic-bezier(0.4,0.8,0.74,1);}
.anbtn::after{transform:scaleX(0);transform-origin:0 0} /*x轴*/
.anbtn:hover::after{transform:scaleX(1);transform-origin:0 100%}
.anbtn.any::after{transform:scaleY(0);transform-origin:bottom center} /*y轴*/
.anbtn.any:hover::after{transform:scaleY(1)}

/*banner*/
.banner{position:relative;color:#fff;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover}
.banner:after{content:'';display:block;clear:both;height:0}
.banner::before{position:absolute;z-index:0;top:0;left:0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.35)}
.banner.mask::before{background:rgba(0,42,128,1);background-image:linear-gradient(30deg,rgba(0,42,128,1) 60%,rgba(59,0,157,1) 100%)}
.banner .inner{padding:5rem 0}
.banner .alx{width:80%;bottom:3rem}
.banner .subtitle{display:block;transition:all .3s ease;text-transform:capitalize;text-align:center}
.banner h1,.banner h2{display:inline-block;font-family:'SYHT-Bold';font-size:3.4rem;line-height:1}
.banner h1::after,.banner h2::after{display:block;margin:1rem auto 0;content:'';width:40%;height:3px;background:#fff;border-radius:3px;overflow:hidden}
.banner h3{font-family:'FuturaLT';font-size:1.6rem}
.banner summary{display:block;line-height:1.6;padding-top:0.5rem;text-align:center}
@media(max-width:64em){
    .banner .alx{padding:0;width:90%}
}

/*子菜单*/
.subnav{height:6rem;display:flex;align-items:center;white-space:nowrap}
.subnav a{position:relative;float:left;display:inline-block;margin-left:3.5rem}
.subnav a:first-child{margin:0}
.subnav a::after{display:block;opacity:0;width:0;height:2px;margin-top:0.5rem;background:#006e3f;content:"";transition:.3s;-webkit-transition:.3}
.subnav a:hover,.subnav a.active{color:#006e3f !important}
.subnav a:hover::after,.subnav a.active::after{width:100%;opacity:1}

.subnav-fixed{width:100%;background:#fff}
.subnav-fixed.fixed{position:fixed;left:0;right:0;bottom:0;z-index:7;bottom:auto;top:9rem;transition:.3s;-webkit-transition:.3s}
@media(max-width:75em){
    .subnav-fixed.fixed{top:7rem}
}

.subnav_dropmenu{display:none;height:6rem;line-height:6rem}
.subnav_dropmenu::before{float:right;display:inline-block;font-family:'iconfont';content:"\e603";font-weight:bold;transition:.3s;-webkit-transition:.3}
.subnav_dropmenu.active::before{transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform:rotate(180deg);}
.subnav_dropmenu strong{float:left;display:block;height:6rem;font-size:1.6rem}

.subnav_wap{width:100%;height:0;opacity:0;overflow:hidden;transition:.3s;-webkit-transition:.3s}
.subnav_wap a{display:block;padding:2.2rem 0;border-top:1px solid rgba(0,0,0,.04)}
.subnav_wap a.active{color:#006e3f}
.subnav_wap.active{height:auto;opacity:1}
@media(max-width:64em){
    .subnav{display:none}
    .subnav_dropmenu{display:block}
}

/*breadcrumb*/
.breadcrumb{text-transform:capitalize;height:6rem;line-height:6rem;overflow:hidden;zoom:1}
.breadcrumb a{float:left;display:inline-block;opacity:0.5;font-weight:bold}
.breadcrumb a:hover{opacity:1}
.breadcrumb a::before{float:left;display:inline-block;content:"\e6002";font-family:'iconfont';margin:0 1rem;font-weight:normal}
.breadcrumb a:first-child{text-transform:uppercase;font-family:'AvertaCY';}
.breadcrumb a:first-child::before{display:none}
@media(max-width:64em){
    .breadcrumb{display:none}
}

/*poster*/
.poster{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden}
.poster.fixed{background-attachment:fixed}
.poster span.video{display:block;text-align:center;color:#fff;transition:all .3s;}
.poster span.video i{display:block;font-size:4.5rem;padding-bottom:1rem}
.poster .inner{position:relative;z-index:2;margin:0 auto;width:60%;padding:10rem 0;text-align:center;color:#fff;}
.poster .inner h2{display:block;font-size:3.2rem;line-height:1.4}
.poster .inner h3{display:block;font-size:2.8rem;line-height:1.4}
.poster .inner h4{display:block;font-size:2.6rem;line-height:1.4}
.poster .inner h5{display:block;font-size:1.8rem;padding-top:1rem;text-transform:capitalize;line-height:1.2}
.poster .inner summary{line-height:1.8;padding-top:0.5rem;}

@media(max-width:80em){
    .poster .inner{width:70%}
}
@media(max-width:64em){
    .poster .inner{width:90%;padding:6rem 0}
    .poster .inner h2{font-size:2.8rem}
    .poster .inner h3{font-size:2rem}
}

.poster.desc .inner{width:70%}
.poster.desc p{padding-top:0.5rem}
.poster.desc p:first-of-type{padding-top:0}
@media(max-width:80em){
    .poster.desc .inner{width:90%}
}

.poster.mask::after{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:100%;content:'';background:rgba(0,0,0,.5);transition:all .3s;}
.poster.mask.hover:hover::after{opacity:0.5;}
.poster.thumb .thumb{display:block;transition:.3s;-webkit-transition:.3s}
.poster.thumb .thumb img{display:block;width:100%}
.poster.thumb .thumb::before{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:100%;content:'';background:rgba(0,0,0,.5);transition:all .3s;}
.poster.thumb::after{display:none}
.poster.thumb.hover:hover .thumb{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.poster.thumb .inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}

.poster.LB{display:flex;align-items:flex-end;}
.poster.LB .inner{width:100%;text-align:inherit;padding:10rem 3rem 5rem}

/*list_ztb*/
.list_ztb li{position:relative;padding:2rem;border-bottom:1px solid #efefef;background:#fff;transition:.3s;-webkit-transition:.3s}
.list_ztb em{display:block;font-family:'AvertaCY';font-weight:400;color:#bababa}
.list_ztb em::before{display:inline-block;margin-right:0.25rem;font-family:"iconfont";content:"\e793"}
.list_ztb h4{display:block;font-family:'SYHT-Medium';font-size:1.6rem;line-height:1.4;color:#212121;margin-top:0.5rem;transition:.3s;-webkit-transition:.3s}
.list_ztb h5{display:block;padding:0.5rem 0;color:#bababa}
.list_ztb h4 i{display:inline-block;margin-left:0.5rem;color:#d96100;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.list_ztb h4 i{animation-name:breath;-webkit-animation-name:breath;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
.list_ztb .relbar{display:block;padding-top:0.5rem;font-size:1.2rem;overflow:hidden;zoom:1}
.list_ztb .relbar a,.list_ztb .relbar span{float:left;display:inline-block;margin-right:0.6rem;padding:0.6rem 0.8rem;border-radius:3px}
.list_ztb .relbar a:hover{opacity:0.5}
.list_ztb .relbar .x1{background:rgba(0,146,55,.2);color:rgba(0,146,55,1)}
.list_ztb .relbar .x2{background:rgba(225,64,0,.1);color:#d96100}
.list_ztb .relbar .x3{background:rgba(209,224,244,1);color:rgba(45,84,137,1)}
.list_ztb li:hover{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1);}
.list_ztb li:hover h4 a{color:#006e3f}
.list_ztb li:hover summary{color:initial}

/*list_news*/
.list_news li{position:relative;padding:2rem;border-bottom:1px solid #efefef;background:#fff;transition:.3s;-webkit-transition:.3s}
.list_news em{display:block;font-family:'AvertaCY';font-weight:400;color:#bababa}
.list_news h4{display:block;font-family:'SYHT-Medium';font-size:1.6rem;line-height:1.4;color:#212121;margin-top:0.5rem;transition:.3s;-webkit-transition:.3s}
.list_news h4 i{display:inline-block;margin-left:0.5rem;color:#cb0000;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.list_news h4 i{animation-name:breath;-webkit-animation-name:breath;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
.list_news summary{display:block;line-height:1.6;margin-top:1rem}
.list_news summary{-webkit-line-clamp:3;line-clamp:3;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.list_news .vmore{opacity:0.3;display:block;width:100%;text-align:right;margin-top:1.5rem;transition:.3s;-webkit-transition:.3s}
.list_news .vmore:hover{opacity:1}
.list_news li:hover{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1);}
.list_news li:hover h4 a{color:#006e3f}
.list_news li:hover summary{color:#555}

/*list_info*/
.list_info li{margin-top:1px}
.list_info li:first-child{margin:0}
.list_info li .inner{background:#fff;padding:2rem 2rem 2rem 11rem;transition:.3s;-webkit-transition:.3s}
.list_info label{float:left;width:8rem;margin-left:-10rem;text-align:center;font-family:'FuturaLT';border-right:1px solid #efefef}
.list_info label em{display:block;font-family:'HelveticaLT67Medium';font-weight:400;font-size:3rem;padding-bottom:5px}
.list_info h4{display:block;font-family:'SYHT-Medium';font-size:1.8rem;line-height:1.4;color:#212121;transition:.3s;-webkit-transition:.3s}
.list_info h4 i{display:inline-block;margin-left:0.5rem;color:#d96100;font-size:1.2rem;font-weight:bold;text-transform:uppercase;}
.list_info h4 i{animation-name:breath;-webkit-animation-name:breath;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
.list_info summary{display:block;line-height:1.6;margin-top:1rem;color:#555}
.list_info summary{-webkit-line-clamp:3;line-clamp:3;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.list_info .vmore{opacity:0.3;display:block;width:100%;text-align:right;margin-top:1rem;transition:.3s;-webkit-transition:.3s}
.list_info li:hover .inner{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1);}
.list_info li:hover h4{color:#006e3f}
.list_info li:hover .vmore{opacity:1;color:#006e3f}

/*list_case*/
.list_case{margin:0 -0.5rem}
.list_case li{padding:0.5rem}
.list_case li .inner{position:relative;display:block;overflow:hidden;background:#fff;padding:1rem;border-radius:8px;}
.list_case li .thumb{position:relative;border-radius:6px;display:block;overflow:hidden}
.list_case li .thumb img{display:block;width:100%;transition:.3s;-webkit-transition:.3s}
.list_case li h2{display:block;line-height:1.4;padding-top:1rem}
.list_case li .tags{padding-top:1rem;overflow:hidden;zoom:1}
.list_case li .tags span{float:left;display:inline-block;color:#bababa;font-size:1.2rem;border:1px solid rgba(0,0,0,.1);padding:5px 10px;border-radius:4px;margin:0 5px 5px 0}
.list_case li .inner:hover{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1)}
.list_case li .inner:hover .thumb img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

/*list_plist*/
.list_plist{margin:0 -0.5rem}
.list_plist li{padding:0.5rem}
.list_plist li .inner{position:relative;display:block;overflow:hidden;background:#fff;padding:1rem;border-radius:8px;}
.list_plist li .thumb{position:relative;border-radius:6px;display:block;overflow:hidden}
.list_plist li .thumb img{display:block;width:100%;transition:.3s;-webkit-transition:.3s}
.list_plist li .thumb.video::after{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:100%;content:'';background:rgba(0,0,0,.5);transition:all .3s;}
.list_plist li .thumb.video::before{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.list_plist li .thumb.video::before{display:inline-block;content:"\e60a";font-family:'iconfont';font-size:4.5rem;color:#fff}
.list_plist li h2{display:block;line-height:1.4;padding-top:1rem;font-weight:bold;text-align:center;}
.list_plist li .inner:hover{box-shadow:0 -10px 10px 0 rgba(0,0,0,.1)}
.list_plist li .inner:hover .thumb img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

/*list_contact*/
.list_contact dl{display:flex;padding:1.5rem 0;border-bottom:1px dashed rgba(0,0,0,.1);line-height:1.5}
.list_contact dl:first-child{padding-top:0}
.list_contact dl dt{width:10rem;margin-right:2rem;font-weight:bold;border-right:1px solid rgba(0,0,0,.05)}
.list_contact dl dd{flex:1}
.list_contact dl dt::before{display:inline-block;font-family:"iconfont";margin-right:1rem;color:#bababa;font-weight:normal}
.list_contact dl dt.company::before{content:"\e607"}
.list_contact dl dt.address::before{content:"\e8ff"}
.list_contact dl dt.phone::before{content:"\e680"}
.list_contact dl dt.email::before{content:"\e62c"}
.list_contact dl dt.wx::before{content:"\e63f"}
.list_contact dl dt.msg::before{content:"\e681"}
.list_contact .qrcode{display:inline-block;text-align:center}
.list_contact .qrcode img{display:block;width:11rem}
.list_contact .qrcode h5{display:block;padding-top:1rem;line-height:1.5}

/*list-paddingleft-2*/
.list-paddingleft-2{padding-left:1.5rem}
.list-paddingleft-2 li{position:relative;padding:1rem 0;line-height:1.5;border-bottom:1px dashed rgba(0,0,0,.1)}
.list-paddingleft-2 li::before{float:left;display:inline-block;content:'';margin:0.8rem 0 0 -1.5rem;width:5px;height:5px;background:#006e3f;border-radius:50%}
.list-paddingleft-2 li p{padding:0}

/*list_culture*/
.list_culture h2{display:block;line-height:1.2;font-family:'SYHT-Bold';font-size:2.4rem;color:#006e3f;padding-top:3rem}
.list_culture h2 em{display:block;font-family:'AvertaCY';color:#bababa;font-size:1.6rem;font-weight:bold}
.list_culture li{position:relative;padding:1rem 0;line-height:1.5;border-bottom:1px dashed rgba(0,0,0,.1)}
.list_culture li span{white-space:nowrap}
.list_culture li span:nth-child(1){position:relative}
.list_culture li span:nth-child(1) em{display:inline-block;margin-left:5px;font-family:'AvertaCY';}
.list_culture li span:nth-child(2){display:block;padding-top:0.5rem;font-weight:bold;color:#006e3f}

/*list_ryitem*/
.list_ryitem{margin-top:3rem;overflow:hidden;zoom:1}
.list_ryitem h2{display:block;line-height:1.2;font-family:'SYHT-Bold';font-size:2.4rem;color:#006e3f}
.list_ryitem h2 em{display:block;font-family:'AvertaCY';color:#bababa;font-size:1.6rem;font-weight:bold}
.list_ryitem summary{display:block;line-height:1.5;padding-top:1rem}
.list_ryitem ul{padding:2rem 0 0 1.5rem}
.list_ryitem li{display:block;padding:1rem 0;line-height:1.4}
.list_ryitem li::before{float:left;display:inline-block;content:'';margin:0.5rem 0 0 -1.5rem;width:5px;height:5px;background:#006e3f;border-radius:50%}

/*slide*/
.owl-dots{position:relative;z-index:2;display:inline-block;padding:1.5rem 0;left:50%;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.owl-dots button.owl-dot{display:inline-block;width:10px;height:10px;margin:0 3px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.1);cursor:pointer;transition:.5s;-webkit-transition:.5s}
.owl-dots button.owl-dot.active{background:#d96100}
.owl-nav{position:absolute;z-index:1;top:calc(50% - 6rem);width:100%;color:#fff;text-align:center;cursor:pointer}
.owl-nav button{width:4rem;height:4rem;line-height:4rem;position:absolute;margin:0;transition:.5s;-webkit-transition:.5s}
.owl-nav button span{font-size:3rem;font-family:sans-serif}
.owl-nav button.owl-prev{left:1rem;text-align:left}
.owl-nav button.owl-next{right:1rem;text-align:right}
.owl-nav button:hover{opacity:0.5}
.owl-nav button.disabled{display:none}

/*pages*/
#pages{text-align:center;font-family:Tahoma;font-weight:bold;padding-top:3rem}
#pages.hide{display:none}

/*使用自加载，隐藏物理分页*/
#pages-status{display:none;padding:2rem 0;text-align:center;opacity:0.2;font-weight:bold}
#pages .pages{position:relative;display:inline-block;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#fff;overflow:hidden;zoom:1}
#pages a,#pages span{float:left;display:inline-block;border-right:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.2);padding:0 1.5rem;height:3rem;line-height:3rem}
#pages .next{border:0}
#pages .prev:after,#pages .next:after{font-size:1.2rem;font-family:"iconfont"}
#pages .prev:after{content:"\e6003"}
#pages .next:after{content:"\e6002"}
#pages span:after{color:rgba(0,0,0,.1)}
#pages .active{background:#006e3f;color:#fff}

/*formpanl*/
.formpanl .Validform_error{border:1px solid #d96100}
.formpanl li{position:relative;padding:0.5rem 0;line-height:1.3}
.formpanl dt{display:block;position:relative;padding:0.25rem 0;min-height:2.5rem}
.formpanl dt.must::after{content:'*';display:inline-block;margin-left:0.25rem;font-family:'Tahoma'}
.formpanl label.checkbox{display:inline-block;height:3rem;line-height:1.5;padding-left:4rem}
.formpanl label.checkbox input{position:absolute;opacity:0;z-index:-1}
.formpanl label.checkbox span{float:left;display:inline-block;margin-left:-4rem;border-radius:4px;margin-right:5px;width:3rem;height:3rem;line-height:3rem;text-align:center;background:rgba(0,0,0,0.01);border:1px solid rgba(0,0,0,0.06);background-size:80%}
.formpanl label.checkbox span{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;-moz-box-shadow:0 1px 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 1px rgba(0,0,0,.05) inset}
.formpanl label.checkbox input:checked+span::before,.formpanl label.checkbox.active span::before{font-family:"iconfont";color:#d96100;content:"\e606"}
.formpanl label.checkbox input.Validform_error+span{border:1px solid #d96100}
.formpanl .pure-g{margin:0 -0.5rem}
.formpanl .pure-g>[class*="pure-u"]{padding:0.5rem}

/*tablelist*/
.tablelist{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #efefef}
.tablelist tr td,.tablelist tr th{text-align:left;padding:0.8rem 0.5rem;line-height:1.4;vertical-align:middle}
.tablelist tr td{border-left:1px solid #efefef;border-bottom:1px solid #efefef;}
.tablelist tr th{border-left:1px solid #fff;border-bottom:1px solid #fff;}
.tablelist td:first-child,.tablelist th:first-child{border-left-width:0}
.tablelist tr th{padding:1rem;background:#efefef}

/*content 内容box*/
.content{position:relative;line-height:1.8}
.content a{color:#002a80 !important;text-decoration:underline !important}
.content p{display:block;padding-bottom:0.8rem}
.content h2{display:block;font-size:2.4rem;font-family:'SYHT-Bold';line-height:1.5;padding-top:1rem;color:#006e3f}
.content h3{display:block;font-size:1.8rem;font-family:'SYHT-Bold';line-height:1.6;padding-top:1rem}
.content h4{display:block;font-weight:bold;color:rgba(0,0,0,.4)}
.content strong{font-weight:bold;color:#006e3f}

/*detail*/
.detail .relevant{margin-top:1rem}
.detail .relevant span{display:inline-block;margin-right:1rem}
.detail .relevant span::before{display:inline-block;content:'';font-family:'iconfont';font-size:1.5rem;margin-right:5px}
.detail .relevant span.pubdate::before{content:'\e793'}
.detail .relevant span.hits::before{content:'\e62b'}

/*移动端左右滑动*/
@media(max-width:64em){
    .touchX{width:calc(100vw - 4rem);overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
    .touchX .tablelist{position:relative}
    .touchX::-webkit-scrollbar{-webkit-appearance:none;height:6px}
    .touchX::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}
}

/*记录提示*/
.tipmsg{padding:10rem 0;color:#bababa;text-align:center;line-height:1.6}
.tipmsg.icon404::before{display:block;content:'\e4042';font-family:'Iconfont';font-size:6rem}

/*弹窗重定义*/
body .layui-layer{border-radius:none;box-shadow:none}
body .layui-layer-page .layui-layer-content{padding:2rem;overflow:hidden}
body .popup{position:relative;background:#fff;border-radius:1rem;padding:3rem 2rem 2rem;max-width:700px;margin:0 auto;display:none}
body .popup .close{position:absolute;right:-1rem;top:-1rem;display:inline-block;background:#fff;width:5rem;height:5rem;line-height:5rem;border-radius:50%;text-align:center;font-size:1.2rem;font-weight:bold;cursor:pointer}
body .layui-layer-loading{text-align:center;width:100%}
body .layui-layer-loading .layui-layer-loading0,body .layui-layer-loading .layui-layer-loading1{margin:0 auto}

body .popup.wx{max-width:250px;text-align:center}
body .popup.wx .tip{display:block;line-height:1.5;margin-top:1rem;font-weight:bold}
body .popup.wx .qrcode{display:inline-block;margin:0 auto}
body .popup.wx .qrcode img{max-width:100%}

body .popup.contact{max-width:600px}
body .popup.contact h3{display:block;font-size:2.4rem;font-weight:bold}
body .popup.contact h4{display:block;color:#006e3f;margin-top:2rem}
body .popup.contact .des{padding-top:1rem;line-height:1.5;padding-bottom:1rem}
body .popup.contact .formpanl{width:100%;padding:0}

body .popup.notice h1{color:#006e3f;line-height:1.6;padding-bottom:1rem;font-weight:bold}
body .popup.notice img{display:block;width:100%;margin-bottom:1rem}
body .popup.notice .formpanl{margin-top:2rem;padding-top:1rem;border-top:1px solid #efefef}
body .popup.notice .formpanl label.checkbox{height:2rem;padding-left:2rem;background-size:50%}
body .popup.notice .formpanl label.checkbox span{margin-left:-2rem;width:2rem;height:2rem;line-height:2rem;border:1px solid #555}

/*=====================================================================*/
/*video js*/
.video-js{max-width:100% !important;width:700px !important;height:100% !important}
.video-js video{display:block;position:relative !important}
@media(max-width:48em){
    .video-js{width:260px !important;}
}

/*flex布局 ie10+ / 移动端 / 子元素包括自动换行内容不适应使用*/
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.flex{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}
.flex{-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}
.flex{-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}

/*x居中*/ /*y居中*/ /*xy居中*/
.alx{position:absolute;z-index:2;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.aly{position:absolute;z-index:2;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.alxy{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}

/*PRELOADER*/
#preloader{
    position:fixed;z-index:999999;left:0;top:0;background:#fff;width:100vw;height:100vh;
    display:flex;align-items:center;justify-content:center;flex-flow:column;flex-wrap:wrap;
    -webkit-animation: preloader_6 5s infinite linear;
    -moz-animation: preloader_6 5s infinite linear;
    -o-animation: preloader_6 5s infinite linear;
    animation: preloader_6 5s infinite linear;
}
#preloader::after{display:block;content:'Loading';margin-top:0.5rem;color:#bababa}
#preloader .loading {
    position:relative;display:inline-block;vertical-align:middle;pointer-events:none;-webkit-animation: 1s loading linear infinite;animation: 1s loading linear infinite;
    width:2.5em;height:2.5em;color:#f1f1f1;border:.5em solid transparent;border-top-color:#bababa;border-radius:50%;
}
#preloader .loading:before{
    position:absolute;content:'';display:block;width:inherit;height:inherit;opacity:.5;
    top:-.5em;left:-.5em;border:.5em solid currentcolor;border-radius:50%;
}
@-webkit-keyframes loading{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes loading{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform: rotate(360deg);}
}

/*动效 - 渐行渐远*/
@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}

/*动效 - 呼吸灯*/
@keyframes breath{
    from{opacity:0}
    30%{opacity:1}
    70%{opacity:1}
    to{opacity:0}
}
@-webkit-keyframes breath{
    from{opacity:0}
    30%{opacity:1}
    70%{opacity:1}
    to{opacity:0}
}

/*动效 - 跳球*/
@keyframes jump{
	0%{transform: translate(0px,0px)}
	50%{transform:translate(0px,-10px)}
	100%{transform:translate(0px,0px)}
}
@-webkit-keyframes jump{
    0%{transform: translate(0px,0px)}
	50%{transform:translate(0px,-10px)}
	100%{transform:translate(0px,0px)}
}

/*动效 - 圆环扩散*/
@keyframes warn {
    0%{transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0}
    25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1}
    50%{transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.3}
    75% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.5}
    100%{transform:scale(1);-webkit-transform:scale(1);opacity:0.0}
}

/*动效 - 指示向下*/
@-webkit-keyframes trackBallSlide {
    0%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    6%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    14%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    15%,19%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    30%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    36%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    44%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    45%,49%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    60%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    66%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    74%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    75%,79%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    88%,100%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
}

@keyframes trackBallSlide {
    0%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    6%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    14%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    15%,19%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    30%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    36%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    44%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    45%,49%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    60%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
    66%{opacity:1;-webkit-transform:scale(0.9) translateY(10px);transform:scale(0.9) translateY(10px);}
    74%{opacity:0;-webkit-transform:scale(0.4) translateY(10px);transform:scale(0.4) translateY(10px);}
    75%,79%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px);}
    88%,100%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px);}
}

/*
.pure-g.gutters{margin:0 -0.5rem}
.pure-g.gutters>[class*="pure-u"]{padding:0.5rem}

.tag {
	position:relative;
	margin:0 auto;
	background:#fff;
	color:#000;
	border-radius:50%;
	font-family:'AvertaCY';
	font-size:1.8rem;
	font-weight:700;
	width:3rem;
	height:3rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-shadow:-4px 4px 0 0 rgba(255,255,255,0.2);
	box-shadow:-4px 4px 0 0 rgba(255,255,255,0.2)
}
.tag:before {
	content:"";
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:20px solid #fff;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-30deg)
}
*/